<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>promise工厂函数</title>
  <script src="./js/jquery.js"></script>
  <script>
    const baseURL = 'http://47.94.46.113:8888';

    function getPeomise(url, method) {
      return new Promise((resolve, reject) => {
        $.ajax({
          url: baseURL + url,
          method,
          success(res) {
            resolve(res);
          },
          error(error) {
            reject(error);
          }
        })
      })
    }

    let pro1 = getPeomise('/index/category/findAll', 'get');
    let pro2 = getPeomise('/index/article/findHotArticles', 'get');

    // 静态方法
    // let newPro = Promise.any([pro1, pro2]);

    // newPro.then(res => {
    //   console.log(res);
    // }).catch(error => {
    //   console.log(error);
    // })

    // 访问pro1这个promise实例内部的状态
    // pro1.then(res => {
    //   console.table(res.data);
    // }).catch(error => {
    //   console.error(error);
    // })

    // pro2.then(res => {
    //   console.table(res.data);
    // }).catch(error => {
    //   console.error(error);
    // })

    let obj = {
      name: '张三',
      age: 12
    }
    let proObj = Promise.reject(obj);
    console.log(proObj);
  </script>
</head>

<body>

</body>

</html>